<template>
    <div class="childClass">
        <h4>Child</h4>
    </div>
</template>

<script>
export default {
    name: "childConponent",
    // setup() {
    //     // 如果组件作为异步组件引入，并与 Suspense 配合，setup 可以返回一个 promise 对象
    //     return new Promise((resolve) => {
    //         setTimeout(() => {
    //             resolve({ name: 'Lucy' })
    //         }, 3000)
    //     })
    // },

    // 此时也可以将其写成异步函数
    async setup() {
        const data = await new Promise((resolve) => {
            setTimeout(() => {
                resolve({ name: 'Lucy' })
            }, 3000)
        })

        return data
    },
};
</script>

<style>
.childClass {
    background-color: red;
    padding: 10px;
}
</style>
